<!doctype html>
<html>
<head>
	<title>HTML Frames Exercise 3</title>
</head>
<body>
	<table border="1" cellpadding="5px" cellspacing="0px">
		<colgroup>
			<col width="80px"/>
			<col width="280px"/>
			<col width="140px"/>
			<col width="140px"/>
			<col width="140px"/>
			<col width="100px"/>
		</colgroup>
		<thead>
			<tr bgcolor="#DFE3E8">
				<td colspan="6">Drag a column header and drop it here to group by that column</td>
			</tr>
			<tr bgcolor="#DFE3E8">
				<td>ProductID</td>
				<td>Product name</td>
				<td>Unit price</td>
				<td>Quantity per unit</td>
				<td>Units in stock</td>
				<td>Discontinued</td>
			</tr>
			<tr bgcolor="#DFE3E8">
				<td><input type="text" size="4"/></td>
				<td><input type="text" size="30"/></td>
				<td>
					<input type="text" size="10"/>
					<input type="image" align="top" src="mark.jpg" alt="mark"/>
				</td>
				<td><input type="text" size="10"/></td>
				<td>
					<input type="text" size="10"/>
					<input type="image" align="top" src="mark.jpg" alt="mark"/>
				</td>
				<td>
					<input type="checkbox"/>
					<input type="image" align="top" src="mark.jpg" alt="mark"/>
				</td>
			</tr>
		</thead>
		<tfoot>
			<tr bgcolor="#DFE3E8">
				<td colspan="6">
					<table>
						<colgroup>
							<col width="360px"/>
							<col width="310px"/>
							<col width="210px"/>
						</colgroup>
						<tbody>
							<tr>
								<td>
									<input type="image" src="leftEnd.jpg" alt="leftEnd"/>
									<input type="image" src="left.jpg" alt="left"/>
									<input type="image" src="1.jpg" alt="1"/>
									<input type="image" src="2.jpg" alt="2"/>
									<input type="image" src="3.jpg" alt="3"/>
									<input type="image" src="4.jpg" alt="4"/>
									<input type="image" src="5.jpg" alt="5"/>
									<input type="image" src="6.jpg" alt="6"/>
									<input type="image" src="7.jpg" alt="7"/>
									<input type="image" src="8.jpg" alt="8"/>
									<input type="image" src="9.jpg" alt="9"/>
									<input type="image" src="10.jpg" alt="10"/>
									<input type="image" src="more.jpg" alt="more"/>
									<input type="image" src="right.jpg" alt="right"/>
									<input type="image" src="rightEnd.jpg" alt="rightEnd"/>
								</td>
								<td>
									<label for="pageSelId">Page size:</label>
									<select id="pageSelId">
										<option>1</option>
										<option>5</option>
										<option selected="selected">10</option>
										<option>15</option>
									</select>	
								</td>
								<td>335104 items in 33511 pages</td>
							</tr>
						</tbody>
					</table>
					

				</td>
			</tr>
		</tfoot>
		<tbody>
			<tr>
				<td>1</td>
				<td>Chai</td>
				<td>$18.00</td>
				<td>10 boxes x 20 bags</td>
				<td>39</td>
				<td><input type="checkbox" disabled="disabled"/></td>
			</tr>
			<tr>
				<td>2</td>
				<td>Chang</td>
				<td>$19.00</td>
				<td>24 - 12 oz bottles</td>
				<td>17</td>
				<td><input type="checkbox" disabled="disabled"/></td>
			</tr>
			<tr>
				<td>3</td>
				<td>Aniseed Syrup</td>
				<td>$10.00</td>
				<td>12 - 550 ml bottles</td>
				<td>13</td>
				<td><input type="checkbox" disabled="disabled"/></td>
			</tr>
			<tr>
				<td>4</td>
				<td>Chief Anton's Cajun Seasoning</td>
				<td>$22.00</td>
				<td>48 - 6 oz jars</td>
				<td>53</td>
				<td><input type="checkbox" disabled="disabled"/></td>
			</tr>
			<tr>
				<td>5</td>
				<td>Chief Anton's Gumbo Mix</td>
				<td>$21.35</td>
				<td>36 boxes</td>
				<td>0</td>
				<td><input type="checkbox" checked="checked" disabled="disabled"/></td>
			</tr>
			<tr>
				<td>6</td>
				<td>Grandma's Boysenberry Spread</td>
				<td>$25.00</td>
				<td>12 - 8 oz jars</td>
				<td>120</td>
				<td><input type="checkbox" disabled="disabled"/></td>
			</tr>
			<tr>
				<td>7</td>
				<td>Uncle Bob's Organic Dried Pears</td>
				<td>$30.00</td>
				<td>12 - 1 lb pkgs.</td>
				<td>15</td>
				<td><input type="checkbox" disabled="disabled"/></td>
			</tr>
			<tr>
				<td>8</td>
				<td>Northwoods Cranberry Sauce</td>
				<td>$40.00</td>
				<td>12 - 12 oz jars.</td>
				<td>6</td>
				<td><input type="checkbox" disabled="disabled"/></td>
			</tr>
			<tr>
				<td>9</td>
				<td>Mishi Kobe Niku</td>
				<td>$97.00</td>
				<td>18 - 500 g pkgs.</td>
				<td>29</td>
				<td><input type="checkbox" checked="checked" disabled="disabled"/></td>
			</tr>
			<tr>
				<td>10</td>
				<td>Ikura</td>
				<td>$31.00</td>
				<td>12 - 200 ml jars</td>
				<td>31</td>
				<td><input type="checkbox" disabled="disabled"/></td>
			</tr>
		</tbody>
	</table>
</body>
</html>
